<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>
    <title>测试get请求</title>
    <script type="text/javascript">
      $(function(){
          //绑定提交按钮的单击事件
          $("#tijiao").click(function(){
              //获取用户名输入框的值
              var value = $("#userName").val();
              //发送ajax的get请求, 传递用户名, 判断是否重复
              //$.get("/test?userName="+value , function(data){
              //    if (data == 0) {
                    //用户名重复
              //      $("#tishi").html("用户名重复");
              //    } else {
                    //用户名不重复
              //      $("#tishi").html("用户名不重复, 可以使用");
              //    }
              //});


              //发送ajax的post请求, 传递用户名, 判断是否重复
              $.post("/test", {
                  "userName": value
              }, function(data){
                  if (data == 0) {
                      //用户名重复
                      $("#tishi").html("用户名重复");
                  } else {
                      //用户名不重复
                      $("#tishi").html("用户名不重复, 可以使用");
                  }
              });

          });


      });
    </script>
</head>
<body>
<form action="#" method="post" id="formTemp">
  用户名: <input id="userName" type="text" name="userName"> <span id="tishi" style="color: red"></span> <br>
  密码: <input type="password" name="password"><br>
  <input type="button" value="提交" id="tijiao">
</form>
</body>
</html>